<template>
  <div class="detail-content">
    <el-row :gutter="20">
      <el-col :span="6">
        <span>用户名:</span>
        {{ objData.userName }}
      </el-col>
      <el-col :span="6">
        <span>图片主题:</span>
        {{ objData.picName }}
      </el-col>
      <el-col :span="6">
        <span>图片地址:</span>
        {{ objData.picPreview }}
      </el-col>
      <el-col :span="6">
        <span>图片比列:</span>
        {{ objData.picSize }}
      </el-col>
      <el-col :span="6">
        <span>日期:</span>
        {{ objData.createTime }}
      </el-col>
      <el-col :span="6">
        <span>消费:</span>
        {{ objData.consumption }}
      </el-col>
      <el-col :span="6">
        <span>展现:</span>
        {{ objData.toShow }}
      </el-col>
      <el-col :span="6">
        <span>点击:</span>
        {{ objData.click }}
      </el-col>
       <!-- <el-col :span="6">
        <span>投放设备:</span>
        {{ objData.promotionDevice }}
      </el-col> -->
    </el-row>
    <el-button
      class="btn-back"
      type="primary"
      plain
      @click="$emit('handleCancle')"
      >返回</el-button
    >
  </div>
</template>
<script>
export default {
  name: "detail",
  data() {
    return {};
  },
  props: {
    // 详情数据
    objData: {
      type: Object,
      default: () => {},
    },
  },
  methods: {},
};
</script>
<style scoped lang="scss">
.detail-content {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
  .el-col {
    margin: 12px 0;
    span {
      color: #409eff;
    }
  }
  .btn-back {
    display: flex;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
  }
}
</style>
